export function interceptor(component) {
    const lazyImageObserver = new IntersectionObserver((entries) => {

        entries.forEach(entry => {

            //如果图片在窗口中 ， 则渲染
            if (entry.isIntersecting) {
                const img = entry.target;
                // 将 data-src 的值赋给 src
                img.src = img.dataset.src;

                // 图片加载后停止观察
                lazyImageObserver.unobserve(img);
            }
        });
    },{
        // 根元素，默认为浏览器视口
        root:   null,
        // 根元素的外边距，用于调整交叉区域
        rootMargin: '0px',
        // 阈值，可以是数组或单个值
        // 0 表示刚进入，1 表示完全进入
        threshold: 1
    });

// 观察所有懒加载图片

    component.shadowRoot.querySelectorAll('.card-image').forEach(img => {
        lazyImageObserver.observe(img);
    });
}